<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>获取并调整窗口位置和大小</title>
	</head>
	<body>
		<p><input type="button" value="打开窗口" onclick="openWin()"/></p>
		<p><input type="button"  value="调整窗口大小和位置" onclick="changeWin"/></p>
		<script type="text/javascript">
			//定义窗口
			var mywin;
			
			//获取窗口的信息（宽、高）
			function getWinMessage(){
				//相对于屏幕窗口的坐标
				mywin.document.write("相对于屏幕窗口的坐标："+mywin.screenX+","+mywin.screenY+"<br>")
				//文档窗口的宽高
				mywin.document.write("窗口文档的宽度和高度："+mywin.innerWidth+","+mywin.innerHeight+"<br>")
				//窗口外部的宽高
				mywin.document.write("窗口外部的宽度和高度："+mywin.outerWidth+","+mywin.outerHeight)
			}
			//打开窗口
			function openWin(){
				//打开窗口 
				mywin=open('','我的新窗口','width=250,height=300');
				//调整方法输出窗口信息
				getWinMessage();
			}
			//调整窗口大小和位置
			function changeWin(){
				//调整窗口大小和位置:向下向右移动250px，窗口的宽度高度被调整为500px和350px
				mywin.moveBy(250,250)
				mywin.resizeTo(500,350)
				//调用方法输出窗口信息
				getWinmessage();
			}
		</script>
	</body>
</html>
